// Copyright (c) ppy Pty Ltd <contact@ppy.sh>. Licensed under the GNU Affero General Public License v3.0.
// See the LICENCE file in the repository root for full licence text.

.track-cover-preview {
  .reset-input();
  width: 32px;
  height: $width;
  .link-plain();
  .center-content();
  position: relative;
  background-size: cover;
  background-position: center;
  color: hsl(var(--hsl-b1));

  .link-hover({
    color: hsl(var(--hsl-c1));
  });

  &::before {
    .full-size();
    content: "";
    background-color: fade(#000, 75%);
  }
}
